<!DOCTYPE HTML>
<html lang="en-us"><head>
    <title>4everyone</title>
  	<meta charset="utf-8">
    <meta name="description" content="4everyone">
    <meta name="keywords" content="4everyone">
    <meta name="author" content="4everyone">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>	
   
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/mobilemenu.css">
	<link rel="icon" href="images/favicon.ico" type="image/x-icon">
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<script type="text/javascript" src="js/jquery-latest.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/jquery.session.js"></script>
    <script type="text/javascript" src="js/jquery.flexslider.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
	<script type="text/javascript">
		$(window).scroll(function () {
			if (jQuery(this).scrollTop() > 0) {
				jQuery('header').addClass('scrolled');
			} else {
				jQuery('header').removeClass('scrolled');
			}
			$('.flexslider_2').flexslider({
				animation: "fade",
				animationSpeed: 500,
				smoothHeight: true,
				animationLoop: true,
				touch: true,
				directionNav: false
			});
		});
    </script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
 <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
   <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
	<body>
        <div class="color_wrap color_wrap_open">
        	<a class="btn_skin"></a>
        	<div>skin</div>
            <div class="basic"><a onclick="get_theme('style')">Basic</a></div>
            <div class="theme_1"><a onclick="get_theme('theme_1')">theme_1</a></div>
            <div class="theme_2"><a onclick="get_theme('theme_2')">theme_2</a></div>
            <div class="theme_3"><a onclick="get_theme('theme_3')">theme_3</a></div>
            <div class="theme_4"><a onclick="get_theme('theme_4')">theme_4</a></div>
            <div class="theme_5"><a onclick="get_theme('theme_5')">theme_5</a></div>
        </div>
		<header class="">
			<div class="container">
            	<div class="row">
                    <div class="span12">
                        <a class="logo" href="index.htm">4everyone</a>
                        <button class="nav-button">menu</button>
                        <ul class="menu">
                            <li><a class="home" href="index.htm">Home</a></li>
                            <li><a class="about" href="index.htm#about">About</a></li>
                            <li><a class="work" href="index.htm#work">Work</a></li>
                            <li><a class="active" href="blog.htm">Blog</a></li>
                            <li><a class="contact" href="index.htm#contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
			</div><!--/container-->
		</header>
        <div class="blog_title">
        	<h3>The Blog - one moment or a whole story...</h3>
        </div>
		<div class="container-fill">
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post">
                            	<figure>
                                	<img src="images/img-7.jpg" alt="">
                                </figure>
                                <h3><a href="blog_post.htm">Big. Simple. Eye-Catching.</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post">
                            <div class="slider-wrapper">
                                <div class="flexslider_2">
                                    <ul class="slides">
                                        <li>
                                        	<img src="images/slider_img_1.jpg" alt="">
                                        </li>
                                        <li>
                                            <img src="images/img-7.jpg" alt="">
                                        </li>
                                        <li>
                                            <img src="images/img-8.jpg" alt="">
                                        </li>
                                        <li>
                                            <img src="images/img-7.jpg" alt="">
                                        </li>
                                    </ul>
                                </div><!--/flexslider-->
                            </div><!--/slider-wrapper-home-->		
                            <h3><a href="blog_post_slider.htm">Slider Post</a></h3>
                            <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post link_post">
                                <h3><a href="blog_post.htm">Tap or Click this link!</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post testim_post">
                                <h3><a href="blog_post.htm">"Probably someone saw all of 12 balloons<br>we set free from the balcony."</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post">
                                <div class="heding_post">
                                    <h3><a href="blog_post.htm">What if I will move heading?</a></h3>
                                    <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                                </div>
                                <figure>
                                	<img src="images/img-9.jpg" alt="">
                                </figure>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post">
                                <h3><a href="blog_post.htm">Yes, you can!</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                                <figure>
                                	<img src="images/img-8.jpg" alt="">
                                </figure>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post blog_post_nobg">
                                <h3><a href="blog_post.htm">Need to say something?</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
                                <a href="blog_post.htm" class="btn btn_1">read more</a>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
			<div class="row_1">
                <div class="container">
                    <div class="row">
                        <article class="span12">
                        	<div class="blog_post default_post">
                                <h3><a href="blog_post.htm">Want to use default post type?</a></h3>
                                <h6><time datetime="2013-01-01" class="time">august 28,2012</time></h6>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet doloremagna aliquam erat volutpat. Ut wisi enimad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis. nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit.</p>
                                <a href="blog_post.htm" class="btn btn_1">read more</a>
                            </div>
                            <div class="text-center indent3">
                            	<a href="#" class="btn btn_1">older posts</a>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
            <footer>
                <div class="container">
                    <div class="row">
                        <div class="span12 text-center">
                            &copy; 2013 Yashma Themes &nbsp; | &nbsp; all Rights Reserved.  Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
                        </div>
                    </div>
                </div>
            </footer>
		</div><!--/container-fill-->
</body>
</html>